<template>
	<view class="repair-wrap">
		<view class="repair-box u-p-40 u-p-l-30 u-p-r-30" style="margin-top: 16px;">
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">案件状态</view>
				<view style="float: right;margin-top: -18px;color: #FFB000;" v-if="userObj.case_state == 1">立案中</view>
				<view style="float: right;margin-top: -18px;color: red;" v-if="userObj.case_state == 2">审理中</view>
				<view style="float: right;margin-top: -18px;color: #46D345;" v-if="userObj.case_state == 3">已结案</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">编号</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.id}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">登记时间</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;" >{{userObj.submission_time}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">发布人</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;" >{{userObj.user_name}}</view>
			</view>
			<view >
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">所属公司</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.org_name}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">被告人</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.defendant_people === 1 ? '业主' : '其他'}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">诉讼名称</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.liti_name}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">联系人</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.contact_name}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">联系电话</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.contact_number}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">本公司身份</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.book_org_iden === 1 ? '原告' : '被告'}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">立案时间</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.register_time}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">案件文号</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.case_number}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">立案方式</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;" v-if="userObj.filing_method == 1">现场立案</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;" v-if="userObj.filing_method == 2">网上立案</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;" v-if="userObj.filing_method == 3">邮递立案</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">涉嫌金额</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.filing_money}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">诉讼请求</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.cause_request}}</view>
				</view>
			</view>
			<view>
				<view style="margin-top: 30px;">
					<view style="color: #666666FF;">事实与理由</view>
					<view style="color: #999999;margin-top: 10px;">{{userObj.liti_remarks}}</view>
				</view>
				<view style="margin-top: 30px;">
					<view style="color: #666666FF;">诉讼图片</view>
					<view style="color: #999999;margin-top: 10px;">
						<image style="width: 100px;height: 100px;" :src="userObj.liti_images" mode=""></image>
					</view>
				</view>
			</view>	
		</view>
		<view class="repair-box u-p-40 u-p-l-30 u-p-r-30" style="margin-top: 16px;" v-if="userObj.case_state === 2 || userObj.case_state === 3">
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">开庭时间</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.open_court_time}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">提醒时间</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.before_day_remind == 1 ? '前一天':'前两天' ? '前两天':'前三天'}}</view>
			</view>
			<view style="margin-top: 15px;" v-if="userObj.length > 0">">
				<view style="color: #666666FF;">提醒人</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;" v-for="item in userObj.remind_people_name">{{item}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">开庭法院</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.open_court}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">开庭法庭</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.open_court_s}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">法院地址</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.court_address}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">法官姓名</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.judge_name}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">法官电话</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.judge_name}}</view>
			</view>
		</view>
		
		<view class="repair-box u-p-40 u-p-l-30 u-p-r-30" style="margin-top: 16px;" v-if="userObj.close_state != 3 ">
			<view v-if="userObj.case_state === 3">
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">判决时间</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.sentence_time}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">结案状态</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.close_state === 1 ? '胜诉' : '败诉' ? '败诉': '调解'?'调解':'撤诉'}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">文书名称</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.document_name}}</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="color: #666666FF;">案件状态</view>
					<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.case_count === 1 ? '一审' : userObj.case_count === 2 ? '二审' : userObj.case_count === 3 ? '三审' : '四审'}}</view>
				</view>
			</view>
			
		</view>
		
		<view v-if="userObj.close_state === 3" class="repair-box u-p-40 u-p-l-30 u-p-r-30">
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">调解时间</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.mediate_time}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">调解说明</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.mediate_reason}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">t</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.case_count === 1 ? '一审' : userObj.case_count === 2 ? '二审' : userObj.case_count === 3 ? '三审' : '四审'}}</view>
			</view>
			<view style="margin-top: 30px;">
				<view style="color: #666666FF;">调解书</view>
				<view style="color: #999999;margin-top: 10px;">
					<image style="width: 100px;height: 100px;" :src="userObj.mediate_image" mode=""></image>
				</view>
			</view>
		</view>
		<view v-if="userObj.close_state === 5" class="repair-box u-p-40 u-p-l-30 u-p-r-30">
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">撤诉原因</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.charges_reason}}</view>
			</view>
			<view style="margin-top: 15px;">
				<view style="color: #666666FF;">撤诉时间</view>
				<view style="float: right;margin-top: -18px;color: #333333FF;">{{userObj.charges_time}}</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 1,
				index: 0,
				array: ['分类', '分类二'],
				userObj: {},
			}
		},
		onLoad(options) {
			let str = decodeURIComponent(options.item)
			let items = JSON.parse(str)
			this.userObj = items
			console.log(this.userObj, "-----------userObj")
		},

	}
</script>


<style lang="scss">
	.repair-wrap {
		width: 100%;
		min-height: 100vh;
		height: auto;
		background: #f4f4f4;
		overflow: hidden;

		.repair-box {
			background: #fff;

			.repair-titel {
				height: 44rpx;
				line-height: 44rpx;

				.repair-titel-l {
					float: left;
				}

				.repair-titel-r {
					float: right;
					color: #999;
				}
			}

			.repair-6 {
				color: #666;
			}
		}
	}
	.header-form{
		margin-top: 60rpx;
		background: #FFFFFF;
		.header-li{
			// padding:0 45rpx;
			display: flex;
			// align-items: center;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			line-height: 95rpx;
			color: #333333;
			border-bottom:1rpx solid #EEEEEE;
			.header-name{
				width: 200rpx;
			}
			.text-area{
				width: 420rpx;
				padding-top: 26rpx;
				height: 60rpx;
			}
		}
	}
	.yilingqu{
		width: 80%;
		height: 84rpx;
		background:#F9A832;
		background-color: #F9A832;
		border-radius: 44rpx;
		line-height: 84rpx;
		color: #FFFFFF;
		text-align: center;
		font-size: 32rpx;
	}
	.bianji{
		width: 80%;
		height: 84rpx;
		border: 1px solid #CCCCCCFF;
		border-radius: 44rpx;
		line-height: 84rpx;
		color: #333333FF;
		text-align: center;
		font-size: 32rpx;
		margin-top: 15px;
	}
	.xiaxian{
		width: 80%;
		height: 84rpx;
		border: 1px solid #CCCCCCFF;
		border-radius: 44rpx;
		line-height: 84rpx;
		color: #333333FF;
		text-align: center;
		font-size: 32rpx;
		margin-top: 15px;
	}
	.tuizu{
		width: 80%;
		height: 84rpx;
		border: 1px solid #F55959FF;
		border-radius: 44rpx;
		line-height: 84rpx;
		color:#F55959FF;
		text-align: center;
		font-size: 32rpx;
		margin-top: 15px;
	}
</style>
